<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>服务</title>
	<link rel="stylesheet" href="styles/default.css">
	<link rel="stylesheet" href="styles/main.css">
	<link rel="stylesheet" href="styles/service.css">
	<link rel="stylesheet" href="fonts/iconfont.css">
	<script src="scripts/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="scripts/service.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<div id="header-hide"></div>
	
	<div id="header-container">
		<div id="nav-bar">
			<div class="l-nav">
				<div class="l-nav-img"><img src="images/logo.png" alt="logo"></div>
			</div>
			<div class="r-nav">
				<div class="nav-menu-content">
					<ul class="nav-menu">
						<li class="nav-header-item">
							<div class="header-item-detail"><a href="index.html">首页</a><span class="fixed-bottom"></span></div>
						</li>
						<li class="nav-header-item">
							<div class="header-item-detail"><a href="service.html">服务</a><span class="fixed-bottom"></span></div>
						</li>
						<li class="nav-header-item">
							<div class="header-item-detail"><a href="javascript:void(0)">产品接口</a><span class="fixed-bottom"></span></div>
							
						</li>
						<li class="nav-header-item">
							<div class="header-item-detail"><a href="javascript:void(0)">项目</a><span class="fixed-bottom"></span></div>
						</li>
						<li class="nav-header-item">
							<div class="header-item-detail"><a href="about.html">关于凡路</a><span class="fixed-bottom"></span></div>
						</li>
					</ul>
					<div class="nav-login"><a class="login-f"><i class="login-i icon iconfont icon-modaologin"></i><span>登录</span></a></div>
				</div>
			</div>
			<div class="bottom-nav">
				<ul class="header-detail-list" item-index="2">
					<li class="header-detail-item"><a href="javascript:void(0)">智慧城市接口</a></li>
					<li class="header-detail-item"><a href="javascript:void(0)">乡村旅游接口</a></li>
					<li class="header-detail-item"><a href="javascript:void(0)">学宝系统接口</a></li>
					<li class="header-detail-item"><a href="javascript:void(0)">积分宝接口</a></li>
				</ul>
			</div>
		</div>
	</div>
	
	<div id="service-carousel-container">
		<div id="service-carousel-bar">
			<img src="images/service-banner.png" alt="banner">
			<div id="service-carousel-content">
				<h1>凡路科技外包服务</h1>
				<p>凡路科技提供完善可靠的解决方案满足您的外包需求</p>
				<div class="car-content-footer">
					<button class="left-info-btn">联系我们</button>
				</div>
			</div>
		</div>
		<div id="wrap-container">
			<div id="wrap-bar">
				<ul class="wrap-list">
					<li class="wrap-list-item" data-wrap="#whychoose-container">
						<p>我们的优势</p>
					</li>
					<li class="wrap-list-item" data-wrap="#process-container">
						<p>整体开发流程</p>
					</li>
					<li class="wrap-list-item" data-wrap="#customer-container">
						<p>客户案例</p>
					</li>
					<li class="wrap-list-item" data-wrap="#orservice-container">
						<p>提供服务</p>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div id="whychoose-container">
		<div id="whychoose-bar">
			<div class="whychoose-header">
				<span class="line"></span>
				<h2>我们的优势</h2>
			</div>
			<div class="whychoose-body">
				<ul class="whychoose-ul">
					<li class="whychoose-li">
						<div class="name">
							<h3 class="text">完整的外包体系</h3>
							<i class="icon iconfont icon-liuchengwaibao"></i>
						</div>
						<div class="inner">
							<p>超广开发领域，完善的开发方案</p>
							<div class="pointul">
								<div class="pointli">
								<h4><span class="icon iconfont icon-duigou"></span><span>领域广</span></h4>
								五大开发部门，全领域覆盖开发</div>
								<div class="pointli">
								<h4><span class="icon iconfont icon-duigou"></span><span>全方案</span></h4>部门高层交互，提供高效完善的方案</div>
							</div>
						</div>
					</li>
					<li class="whychoose-li">
						<div class="name">
							<h3 class="text">优秀的团队开发</h3>
							<i class="icon iconfont icon-tuandui"></i>
						</div>
						<div class="inner">
							<p>良好的组织形式，专业的开发水平</p>
							<div class="pointul">
								<div class="pointli">
								<h4><span class="icon iconfont icon-duigou"></span><span>高组织</span></h4>
								严格的部门纪律，一丝不苟的开发精神</div>
								<div class="pointli">
								<h4><span class="icon iconfont icon-duigou"></span><span>高水平</span></h4>选取校内程序开发精英，ACM获奖者</div>
							</div>
						</div>
					</li>
					<li class="whychoose-li">
						<div class="name">
							<h3 class="text">可靠的维护服务</h3>
							<i class="icon iconfont icon-weihu"></i> 
						</div>
						<div class="inner">
							<p>延长项目生命周期，提高项目成品质量</p>
							<div class="pointul">
								<div class="pointli">
								<h4><span class="icon iconfont icon-duigou"></span><span>真服务</span></h4>
								项目提供维护服务工作</div>
								<div class="pointli">
								<h4><span class="icon iconfont icon-duigou"></span><span>高质量</span></h4>项目力求高效率，高品质，高水准</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	
	<div id="process-container">
		<div id="process-bar">
			<div class="process-header">
				<span class="line"></span>
				<h2>整体开发流程</h2>
			</div>
			<div class="process-body">
				<img src="images/process.png" alt="">
			</div>
		</div>
	</div>

	<div id="customer-container">
		<div id="customer-bar">
			<div class="customer-header">
				<span class="line"></span>
				<h2>客户案例</h2>
			</div>
			<div class="customer-body">
				<ul class="customer-ul">
					<li class="customer-li"><img src="" alt=""></li>
					<li class="customer-li"><img src="" alt=""></li>
					<li class="customer-li"><img src="" alt=""></li>
					<li class="customer-li"><img src="" alt=""></li>
				</ul>
			</div>
		</div>
	</div>
	
	<div id="orservice-container">
		<div id="orservice-bar">
			<div class="orservice-header">
				<span class="line"></span>
				<h2>提供服务</h2>
			</div>
			<div class="orservice-body">
				<div class="orservice-ul-header">
					<i class="icon iconfont icon-3"></i>
					<span>步流程，服务确定</span>
				</div>
				<ul class="orservice-ul">
					<li class="orservice-li">
						<h2>01</h2>
						<p>确认服务是否已经开启</p>
					</li>
					<li class="orservice-li">
						<h2>02</h2>
						<p>联系相关服务负责人</p>
					</li>
					<li class="orservice-li">
						<h2>03</h2>
						<p>商议服务，完成需求</p>
					</li>
				</ul>
				
				<div class="orservice-footer">
					<ul class="orservice-ftul">
						<li class="orservice-ftli">
							<img src="images/service-list1.jpg" alt="">
							<i>01</i>
							<div class="text">
								<h4>网站开发</h4>
								<p>已启动</p>
							</div>
							<div class="contact-info">
								<h4>xxx</h4>
								<p>电话号码：15974211609</p>
								<p>QQ:2069284231</p>
							</div>
						</li>
						<li class="orservice-ftli">
							<img src="images/service-list2.jpg" alt="">
							<i>02</i>
							<div class="text">
								<h4>移动开发</h4>
								<p>已启动</p>
							</div>
							<div class="contact-info">
								<h4>xxx</h4>
								<p>电话号码：15974211609</p>
								<p>QQ:2069284231</p>
							</div>
						</li>
						<li class="orservice-ftli no-up">
							<img src="images/service-list3.jpg" alt="">
							<i>03</i>
							<div class="text">
								<h4>硬件开发</h4>
								<p>未启动</p>
							</div>
							<div class="contact-info">
								<h4>xxx</h4>
								<p>电话号码：15974211609</p>
								<p>QQ:2069284231</p>
							</div>
						</li>
						<li class="orservice-ftli">
							<img src="images/service-list4.jpg" alt="">
							<i>04</i>
							<div class="text">
								<h4>软件开发</h4>
								<p>已启动</p>
							</div>
							<div class="contact-info">
								<h4>xxx</h4>
								<p>电话号码：15974211609</p>
								<p>QQ:2069284231</p>
							</div>
						</li>
						<li class="orservice-ftli">
							<img src="images/service-list5.jpg" alt="">
							<i>05</i>
							<div class="text">
								<h4>游戏开发</h4>
								<p>已启动</p>
							</div>
							<div class="contact-info">
								<h4>xxx</h4>
								<p>电话号码：15974211609</p>
								<p>QQ:2069284231</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div id="footer-filter-container">
		<div id="footer-filter-bar">
			<div class="footer-filter-header">
				<ul class="footer-filter-header-list">
					<li class="fofilter-header-list-item"><i class="icon iconfont icon-gaoxiaofuwu"></i>高效率</li>
					<li class="fofilter-header-list-item"><i class="icon iconfont icon-qianyan"></i>最前沿</li>
					<li class="fofilter-header-list-item"><i class="icon iconfont icon-quanmian"></i>全方面</li>
					<li class="fofilter-header-list-item"><i class="icon iconfont icon-fuwu"></i>高服务</li>
					<li class="fofilter-header-list-item"><i class="icon iconfont icon-jiage"></i>低价格</li>
				</ul>
			</div>
		</div>
	</div>

	<div id="footer-container">
		<div id="footer-bar">
			<div class="footer-up">
				<div class="footer-up-l"><img src="images/logo.png" alt="logo"></div>
				<div class="footer-up-r">
					<a href="javascript:void(0)">友情链接：</a>
					<a href="javascript:void(0)">长沙理工大学</a>
					<a href="javascript:void(0)">长沙理工大学计通学院</a>
					<a href="javascript:void(0)">大学生科技交流平台</a>
					<a href="javascript:void(0)">长沙理工大学创业园</a>
				</div>
			</div>
			<div class="footer-bot">
				<div class="footer-bot-l">
					<img src="images/zhaoxin.png" alt="link1">
				</div>
				<div class="footer-bot-r">
					<p>Copyright©2016 凡路团队 版权所有 </p>
					<p>地址：湖南省长沙市雨花区万家丽南路2段960号</p>
				</div>
			</div>
		</div>
	</div>

</body>
</html>